<template>
  <div class="about">
    <h2>About {{ title }}</h2>
    <p>
      {{ title }} is a dedicated platform for collecting official website links of AI artificial intelligence tools. We are committed to providing users with the latest and most comprehensive AI tool resources, helping users discover and understand various cutting-edge artificial intelligence applications and services.
    </p>

    <p>
      In this era of rapid AI development, we have carefully collected and organized high-quality AI tools from around the world, covering image generation, voice processing, text creation, video production, code development, business applications, and many other fields, providing users with one-stop AI tool navigation services.
    </p>

    <p>
      Our team continuously monitors AI technology development trends, regularly updates and verifies all collected AI tool links, ensuring users can access the latest and most reliable AI service official websites. All content is strictly filtered to provide users with the highest quality AI tool resources.
    </p>

    <h3>Our Mission</h3>
    <p>
      We are committed to becoming a bridge connecting users with the AI world, allowing everyone to easily discover and use AI tools that best suit their needs. Through our platform, users can quickly understand the functional features, usage methods, and application scenarios of various AI tools, thereby better utilizing artificial intelligence technology to improve work efficiency and life quality.
    </p>

    <p>
      {{ title }} is not just a link collection site, but also a platform for learning and communication about AI tools. We provide detailed tool classifications, functional descriptions, and user reviews to help users make informed choices and find the most suitable AI solutions.
    </p>

    <p>
      We believe that AI technology should benefit everyone, so we insist on providing all services for free, allowing more users to enjoy the convenience and innovation brought by AI technology.
    </p>

    <h3>Platform Features</h3>
    <p>
      <strong>Comprehensive Coverage:</strong> Covers major categories such as AI image, AI voice, AI text, AI video, AI programming, AI business, etc., meeting the needs of different users.
    </p>

    <p>
      <strong>Real-time Updates:</strong> Keep up with AI technology development trends, timely collect the latest AI tools and update information, ensuring users get the latest news.
    </p>

    <p>
      <strong>Quality Assurance:</strong> All collected AI tools are strictly screened and verified to ensure the validity of links and the authenticity of tools.
    </p>

    <p>
      <strong>User-friendly:</strong> Simple and intuitive interface design, convenient search and classification functions, allowing users to quickly find the AI tools they need.
    </p>

    <h3>AI Tool Categories</h3>
    <p>
      Our platform has detailed classifications according to the functions and application fields of AI tools, including but not limited to:
    </p>
    <ul>
      <li><strong>🎴 AI Image Tools:</strong> Image generation, editing, enhancement, recognition, etc.</li>
      <li><strong>🎵 AI Voice Tools:</strong> Voice synthesis, recognition, conversion, editing, etc.</li>
      <li><strong>📝 AI Text Tools:</strong> Content creation, translation, summarization, analysis, etc.</li>
      <li><strong>🎬 AI Video Tools:</strong> Video generation, editing, enhancement, subtitles, etc.</li>
      <li><strong>💻 AI Programming Tools:</strong> Code generation, debugging, optimization, analysis, etc.</li>
      <li><strong>📈 AI Business Tools:</strong> Data analysis, marketing, customer service, management, etc.</li>
      <li><strong>🎓 AI Education Tools:</strong> Learning assistance, knowledge management, personalized education, etc.</li>
      <li><strong>💡 AI Life Assistants:</strong> Daily tasks, health management, life planning, etc.</li>
    </ul>

    <h3>Contact Us</h3>
    <p>
      If you have any questions, suggestions, or cooperation intentions, please feel free to contact us through the following ways:
    </p>
    <p>
      <strong>Email:</strong><a :href="`mailto:${email}`">{{ email }}</a>
    </p>
    <p>
      <strong>Feedback & Suggestions:</strong> We highly value user feedback and suggestions. Your opinions will help us continuously improve and perfect our platform services.
    </p>

    <h3>Disclaimer</h3>
    <p>
      {{ title }} only serves as a navigation and information aggregation platform for AI tools and does not directly provide any AI services. The usage, pricing standards, and specific functions of all AI tools are subject to the descriptions on their respective official websites. We are not responsible for the functionality, security, or service quality of any third-party AI tools.
    </p>

    <p>
      We respect the intellectual property rights of all AI tool developers. All trademarks, logos, and brand names belong to their respective owners. If you find any infringing content, please contact us immediately, and we will handle it promptly.
    </p>
  </div>
</template>

<script setup>
definePageMeta({
  title: 'About',
  layout: 'other'
})
const hostname = useHostname()
const { name: title } = getThemeConfig(hostname)
const email = getEmail(hostname)
</script>

<style scoped lang="scss">
.about {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  max-width: 1200px;
  margin: 20px auto;

  h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
  }

  h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    color: #333;
    font-weight: 600;
  }

  p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 15px;

    a {
      color: #007bff;
      text-decoration: none;
      
      &:hover {
        text-decoration: underline;
      }
    }
  }
}
</style>